<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="format-detection" content="telephone=no" />
    <title>找回密码</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/element-icons.css" />
    <link rel="stylesheet" href="css/newiconfont.css" />
    <style>
        .tabrel05-hd .line {
            width: 50%;
        }
        .tabrel05-tit .tabrel05-item {
            width: 50%;
        }
    </style>
    <script src="js/jquery.min.js"></script>
    <script src="js/lib.js"></script>
    <script src="js/page.js"></script>
    <script src="js/common/sm4.js"></script>
    <script src="js/forgetpwd.js"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--[if IE]>
    <link rel="stylesheet" href="css/all-ie-only.css" />
    <![endif]-->
</head>

<body>
<div class="header4 fix">
    <div class="wp">
        <div class="header4-btn">
            <a href="login.html" class="a1 l">登 录</a>
            <a href="register.html" class="r">注 册</a>
        </div>
        <a href="" class="header4-logo">
            <div class="hd">
                <img src="images/logo3.svg" alt="" />
                <h2>星火链网 · 骨干节点 <span>（营口）</span></h2>
            </div>
            <p>打造链网协同新基建，建设区块链新经济模式</p>
        </a>
    </div>
</div>
<div class="main">
    <div class="box-login">
        <div class="wp">
            <div class="hd">
                <h3>请选择密码找回方式</h3>
            </div>
            <div class="cont">
                <div class="tabrel05 js-tabs js-anim" data-modulename="tabrel05">
                    <div class="tabrel05-hd">
                        <div class="line"></div>
                        <ul class="tabrel05-tit">
                            <li class="tabrel05-item tabrel05-item__on"><span class="subitem">手机号找回</span></li>
                            <li class="tabrel05-item"><span class="subitem">邮箱找回</span></li>
                        </ul>
                    </div>
                    <div class="tabrel05-desc">
                        <div class="tabrel05-item tabrel05-item__on">
                            <div class="form-6">
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请输入您的手机号：</div>
                                    <div class="con">
                                        <input type="text" class="input-inner" id="mobile" placeholder="请输入您的手机号" onmouseout="checkMobile();"/>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="mobileError"></div>
                                </div>
                                <div class="form-item">
                                    <div class="tit">请输入验证码：</div>
                                    <div class="con">
                                        <div class="input-code">
                                            <input type="text" class="input-inner" placeholder="请输入验证码" id="checkCodeMobile" onmouseout="validateCheckCodeMobile();"/>
                                            <button class="vcodebtn js-vcodebtn" data-msgrefresh="重新获取" data-msg="获取验证码" data-suffix="秒"
                                                    data-countdown="60" id="checkCodeBtnMobile" onclick="sendCheckCode(1);">获取验证码</button>
                                        </div>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="checkCodeErrorMobile"></div>
                                </div>

                                <div class="form-item">
                                    <input type="button" class="submit" onclick="registerNext(1);" value="下一步"/>
                                </div>
                                <div class="form-item" style="text-align: right;">
                                    <a href="forgetpwdEmail.html" style="color: #3c74ff;">手机号码不可用？</a>
                                </div>
                            </div>
                        </div>
                        <div class="tabrel05-item">
                            <div class="form-6">
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请输入您的邮箱：</div>
                                    <div class="con">
                                        <input type="text" class="input-inner" placeholder="请输入您的邮箱" id="email" onmouseout="checkEmail();"/>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="emailError"></div>
                                </div>

                                <div class="form-item">
                                    <div class="tit">请输入验证码：</div>
                                    <div class="con">
                                        <div class="input-code">
                                            <input type="text" class="input-inner" placeholder="请输入验证码" id="checkCodeEmail" onmouseout="validateCheckCodeEmail();"/>
                                            <button class="vcodebtn js-vcodebtn" data-msgrefresh="重新获取" data-msg="获取验证码" data-suffix="秒"
                                                    data-countdown="60" id="checkCodeBtnEmail" onclick="sendCheckCode(2);">获取验证码</button>
                                        </div>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="checkCodeErrorEmail"></div>
                                </div>
                                <div class="form-item">
                                    <input type="button" class="submit" onclick="registerNext(2);" value="下一步"/>
                                </div>
                                <div class="form-item" style="text-align: right;">
                                    <a href="forgetpwdEmail.html" style="color: #3c74ff;">邮箱不可用？</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 显隐 end -->
<script src="js/module.js"></script>
<script type="text/javascript">
    $('.tabrel05-tit .tabrel05-item').on('click', function(event) {
        var _width = parseInt($(this).innerWidth());
        $('.tabrel05-hd .line').css({
            'width': _width,
            'transform': 'translateX(' + $(this).index() * 100 + '%)'
        });
    });
</script>
</body>

</html>